import React from 'react';
import { Card, Typography } from 'antd';

const { Title, Text } = Typography;

export const MatchOperation: React.FC = () => {
  return (
    <div className="page-container">
      <div className="page-header">
        <Title level={4} className="page-title">牵线操作</Title>
        <Text className="page-description">手动为用户进行匹配推荐</Text>
      </div>
      <Card>
        <div style={{ textAlign: 'center', padding: '60px 0' }}>
          <Text type="secondary">牵线操作功能开发中...</Text>
        </div>
      </Card>
    </div>
  );
};

export const MatchRecord: React.FC = () => {
  return (
    <div className="page-container">
      <div className="page-header">
        <Title level={4} className="page-title">配对记录</Title>
        <Text className="page-description">查看所有配对记录和结果</Text>
      </div>
      <Card>
        <div style={{ textAlign: 'center', padding: '60px 0' }}>
          <Text type="secondary">配对记录功能开发中...</Text>
        </div>
      </Card>
    </div>
  );
};

export const InteractionRecord: React.FC = () => {
  return (
    <div className="page-container">
      <div className="page-header">
        <Title level={4} className="page-title">互动记录</Title>
        <Text className="page-description">查看用户之间的互动记录</Text>
      </div>
      <Card>
        <div style={{ textAlign: 'center', padding: '60px 0' }}>
          <Text type="secondary">互动记录功能开发中...</Text>
        </div>
      </Card>
    </div>
  );
};